<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Links Network demo</title>

    <style type="text/css">
        body {
            font: 10pt sans;
        }
    </style>

    <script type="text/javascript" src="../network.js"></script>

    <script type="text/javascript">
        var nodesTable = null;
        var linksTable = null;
        var network = null;

        // Called when the Visualization API is loaded.
        function draw() {
            nodesTable = [];
            linksTable = [];

            nodesTable.push({
                'id': 0,
                'text': 'center'
            });

            var count = 200;
            for (var i = 1; i < count; i++) {
                nodesTable.push({
                    'id': i,
                    'text': String(i)
                });
                linksTable.push({
                    'from': 0,
                    'to': i
                });
            }

            // specify options
            var options = {
                'width': '600px',
                'height': '600px',
                'links': {
                    'length': 150
                },
                'stabilize': false
            };

            // Instantiate our graph object.
            network = new links.Network(document.getElementById('mynetwork'));

            // Draw our graph with the created data and options
            network.draw(nodesTable, linksTable, options);

        }
    </script>
</head>

<body onload="draw();">

<div id="mynetwork"></div>

</body>
</html>
